body {
  background-color: #eeeeee;
  padding-top: 4em;
  padding-bottom: 0;
  overflow-x: hidden;
}

.body-content {
    padding-left: 0;
    padding-right: 0;
}

body, footer {
  font-family: 'Roboto', sans-serif;
}

h1, h2, h3, h4, h5 {
  font-family: 'Roboto Slab', serif;
  color: #01579B;
}

canvas {
  max-width: 100% !important;
  height: auto !important;
}

.radars {
  margin-top: 2em;
}

.radars canvas {
  margin-bottom: 2em;
}

.chart-label {
  height: 1.2em;
  display: block;
  margin: 0 auto;
  margin-bottom: 1em;
}

#myChart {
  max-width: 100%;
  height: auto !important;
}

.navbar {
  background-color: #03A9F4;
  border: none;
}

.box {
  background-color: white;
  padding: 1em 2em 2em 2em;
  border: 1px solid #cccccc;
  box-shadow: 2px 2px 5px #cccccc;
  margin: 1em 1em 1em 1em;
}

.center {
  text-align: center;
}

.navbar a {
  color: white !important;
}

.navbar a:hover {
  color: #E1F5FE !important;
}

.party-box tr:not(:first-child) td {
  font-size: 1.25em;
  line-height: 1em;
}

.party-box tr {
  height: 4em;
}

.channel-box tr {
  height: 3.5em;
}

.last-month {
  font-size: 0.75em;
  opacity: 0.5;
}

i {
  font-size: 2em;
  margin: 0px 0.1em;
}

footer {
  padding-bottom: 0.5em;
  padding-top: 1em;
  text-align: center;
  color: white;
  background-color: #03A9F4;
  margin-top: 1em;
}

tr:not(:last-child){
  border-bottom: 1px solid #eeeeee;
}

tr td:not(:last-child){
  border-right: 1px solid #eeeeee;
}

@media (max-width: 512px) {
  .table-title {
    font-size: 0.75em;
  }

  .channel-box i {
    font-size: 1.5em !important;
  }

  body {
    background-color: white;
  }

  .box {
    margin: 0;
    box-shadow: none !important;
    border: none;
    border-bottom: 1px solid #eeeeee !important;
  }

  .party-box tr:not(:first-child) td {
    font-size: 1em;
  }

}

h3 {
  padding-bottom: 10px;
}

.wordcloud-div {
  padding: 3em;
}

#members-wordcloud {
  width: 100% !important;
  height: auto !important;
  margin: 0 auto;
}

.channel-box tr:not(:first-child) {
  -webkit-transition: background-color 0.25s ease-in-out;
  transition: background-color 0.25s ease-in-out;
}

.channel-box tr:not(:first-child):hover {
  background-color: #fafafa;
}

tr td {
  padding: 0.25em;
}

tr td:first-child {
  text-align: left;
}

.party-box tr td:first-child > img {
  max-width: 100%;
  height: 2em;
}

.party-box tr:not(:first-child) td:nth-child(2) {
  background-color: #888;
  color: white;
}

.party-box tr:not(:first-child) td:nth-child(3) {
  background-color: #D91E18;
  color: white;
}

.party-box tr:not(:first-child) td:nth-child(4) {
  background-color: #27AE60;
  color: white;
}

.channel-box tr td:first-child > img {
  max-width: 100%;
  height: 1em;
}

tr td:nth-child(2) {
  text-align: right;
}

tr td:nth-child(2), tr td:nth-child(3) {
  text-align: center;
}

.channel-box tr td:nth-child(2) > i, .channel-box tr td:nth-child(3) > i {
  font-size: 2em;
}

.green {
  color: #27AE60;
}

.red {
  color: #D91E18;
}

.gray {
  color: #616161;
}

tr td:nth-child(4) {
  text-align: center;
}

table tr:first-child {
  font-weight: 700;
}

.kesk-green {
  color: #007557;
}

.reform-blue {
  color: #31469d;
}

.irl-orange {
  color: #ff4d00;
}

.irl-blue {
  color: #00ffff;
}

.sde-red {
  color: #da2128;
}

.rohe-green {
  color: #71bf44;
}

.legend-table {
  margin: 0 auto;
}

#mentionings-chart {
  width: 90%;
}




/*------*/

.box-text {
  font-size: 1.2em;
  color: #263238;
  margin: 0 auto 0.8em auto;
  max-width: 600px;
}

.additional-text-link {
  color: #01579B;
  text-decoration: underline;
  cursor: pointer;
}

.additional-text-link:hover {
  color: #03A9F4;
}

.additional-text {
  text-align: justify;
  display: none;
  color: #757575;
  max-width: 600px;
  margin: 0 auto 1em auto;
}

.italic {
  font-style: italic;
}

.sponsor-image {
  max-width: 100%;
  max-height: 6em;
  height: auto;
}

.sponsors-table {
  width: 100%;
}

.sponsors-table td {
  border-right: none !important;
}

.sponsors-table td:first-child {
  text-align: right;
}

.sponsors-table td:last-child {
  text-align: left;
}

.intro-box {
  padding: 2em 2em;
}

.bothsides {
  text-align: justify;
}

.bold {
  font-weight: bold;
}

